// light theme 
$light-bg-color :rgb(255, 254, 255);
$light-a-hover: rgb(0, 88, 160);

$light-cmd:rgb(131, 0, 224);
$light-param:rgb(0, 223, 200);
$light-obj:rgb(255, 149, 0);
$light-link: rgb(78, 134, 255);
$light-slash:rgb(0, 0, 0);



$dark-bg-color :rgb(1, 22, 39);
$dark-a-hover:rgb(255, 159, 255);

$dark-cmd:rgb(89, 227, 252);
$dark-param:rgb(119, 255, 187);
$dark-obj:rgb(255, 203, 130);
$dark-link: rgb(91, 129, 255);
$dark-slash:rgb(255, 255, 255);

$light-number-color:rgb(128, 55, 55);
$light-line-bg-color:rgb(255, 254, 255);
$dark-line-bg-color:rgb(1, 22, 39);
$dark-number-color:rgb(255, 99, 99);



$light-font-color: $dark-bg-color;
$dark-font-color: $light-bg-color;

.light-bg{
    background: $light-bg-color;
}

.dark-bg{
    background: $dark-bg-color;
}

.light-settings{
    background: $light-bg-color;
    color:$light-font-color;
}

.dark-settings{
    background: $dark-bg-color;
    color: $dark-font-color;
}

.light-bg-ft{
    background: $light-bg-color;
    color:$light-font-color;
   
}
.light-a{
    &:hover{
        color:$light-a-hover;
    }
}
.dark-bg-ft{
    background: $dark-bg-color;
    color: $dark-font-color;
    
}
.dark-a{
    &:hover{
        color:$dark-a-hover;
    }
}
.light-mobi-btn{
    color:$light-font-color;
    background: rgb(214, 214, 214);
}
.dark-mobi-btn{
    color: $dark-font-color;
    background: rgb(24, 24, 24);
}
.wrapper{
    letter-spacing: 1px;
   font-size: 24px;
  font-weight: 500;
  padding: 8px 12px;
  width: 960px;
}